<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">点位设置</x-header>
    <search placeholder="搜索" @on-submit="onSubmit" :auto-fixed="autoFixed" @on-focus="onFocus"
            @on-cancel="onCancel"></search>
  </div>
  <!--<group>
    <cell title="标识点位合计" is-link :border-intent="false" :arrow-direction="showContent001 ? 'up' : 'down'" @click.native="showContent001 = !showContent001"></cell>
    <template v-if="showContent001">
      <cell-box :border-intent="false" class="sub-item" is-link>content 001</cell-box>
      <cell-box class="sub-item" is-link>content 001</cell-box>
      <cell-box class="sub-item" is-link>content 001</cell-box>
    </template>
  </group>-->
</template>

<script>
  import {XHeader, Search, Group, Cell, CellBox} from 'vux'

  export default {
    components: {
      XHeader,
      Search,
      Group,
      Cell,
      CellBox
    },
    methods: {
      onSubmit (val) {
        window.alert('on submit' + val)
      },
      onCancel () {
        console.log('on cancel')
      },
      onFocus () {
        console.log('on focus')
      }
    },
    data () {
      return {
        results: [],
        autoFixed: false,
        showContent001: false
      }
    }
  }
</script>
